<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1018294_ux3wix7ca4.css"/>
		<title>艺术盒子</title>
	</head>
	<body id="body">
		<header class="WebHead">
				<div><a href="xinqubiaoqian.html"><img src="img/shalou.png"/></a></div>
				<div><a href="index.html"><img src="img/yudi.png"/></a></div>
				<div><a href="dontai.html"><img src="img/caidan.png"/></a></div>
				<div><a href="jinrizhixin.html"><img src="img/jiangzhang.png"/></a></div>
				<div><a href="sousuo.html"><img src="img/sousuo.png"/></a></div>
		</header>
		<div class="Web-center">
			<div class="WebPage">
					<div class="WebLunbo">
						<img src="img/lunbo-1.jpg"/>
					</div>
					<div class="Webfenlei">
						<div onclick="qzfl()">
							<img src="img/fenlei-1.png"/>
						</div>
						<div>
							<img src="img/redian-1.png"/>
						</div>
						<div>
							<img src="img/xiaoxinxin-1.png"/>
						</div>
						<div>
							<img src="img/loufang-1.png"/>
						</div>
					</div>
				</div>
				<div class="WebContent">
					<div class="WebContent-Title">
						<div><img src="img/jiangzhang-2.jpg"/></div>
						<p>圈子推荐</p>
					</div>
					<div class="WebContent-Content">
						<div onclick="ht()">
							<div>
								<img src="img/tuijian-1.jpg"/>
							</div>
							<div>
								<h3>广州舞者官方群</h3>
								<h4>一场梦幻般的体验，小心迷失</h4>
								<h5><i class="iconfont icon-yanjing">96</i><i class="iconfont icon-liuyan">96</i><i class="iconfont icon-gouwuche">13</i></h5>
								<i class="iconfont icon-jia"></i>
							</div>
						</div>
						<div>
							<div>
								<img src="img/tuijian-2.jpg"/>
							</div>
							<div>
								<h3>广州舞者官方群</h3>
								<h4>一场梦幻般的体验，小心迷失</h4>
								<h5><i class="iconfont icon-yanjing">96</i><i class="iconfont icon-liuyan">96</i><i class="iconfont icon-gouwuche">13</i></h5>
								<i class="iconfont icon-jia"></i>
							</div>
						</div>
						<div>
							<div>
								<img src="img/tuijian-3.jpg"/>
							</div>
							<div>
								<h3>广州舞者官方群</h3>
								<h4>一场梦幻般的体验，小心迷失</h4>
								<h5><i class="iconfont icon-yanjing">96</i><i class="iconfont icon-liuyan">96</i><i class="iconfont icon-gouwuche">13</i></h5>
								<i class="iconfont icon-jia"></i>
							</div>
						</div>
						<div>
							<div>
								<img src="img/tuijian-3.jpg"/>
							</div>
							<div>
								<h3>广州舞者官方群</h3>
								<h4>一场梦幻般的体验，小心迷失</h4>
								<h5><i class="iconfont icon-yanjing">96</i><i class="iconfont icon-liuyan">96</i><i class="iconfont icon-gouwuche">13</i></h5>
								<i class="iconfont icon-jia"></i>
							</div>
						</div>
					</div>
			</div>
		</div>
		<div class="WebBottom">
			<div onclick="rz()"><img src="img/renqun.png"/></div>
			<div onclick="gg()"><img src="img/gonggao.png"/></div>
			<div onclick="block()"><img src="img/logo.png"  /></div>
			<div><img src="img/liaotian.png"/></div>
			<div><img src="img/geren.png"/></div>
		</div>
		<div class="Bottom" id="bottom" style="display: none;">
			<div>
				<div onclick="fb()">
					<div>
						<i class="iconfont icon-qizhi"></i>
					</div>
					<p>发动态</p>
				</div>
				<div>
					<div>
						<i class="iconfont icon-blob"></i>
					</div>
					<p>创建圈子</p>
				</div>
				<div>
					<div>
						<i class="iconfont icon-saoyisao"></i>
					</div>
					<p>扫一扫</p>
				</div>
			</div>
			<div>
				<div>
					<div>
						<i class="iconfont icon-navicon-gggl"></i>
					</div>
					<p>发通告</p>
				</div>
				<div>
					<div>
						<i class="iconfont icon-activity-line"></i>
					</div>
					<p>发活动</p>
				</div>
			</div>
			<div>
				<i class="iconfont icon-cha" onclick="hindden()"></i>
			</div>
		</div>
		<script src="js/model.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
